<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/principal/Layout.xhtml">

	<ui:define name="content">
		<head>
<style>
#faleconosco {
	border: 1px solid #D7D7D7;
	border-radius: 5px 5px 5px 5px;
	clear: both;
	display: block;
	margin-top: 20px;
	padding: 15px;
}
</style>
		</head>
		<h:form>
		
		<div id="faleconosco">
			<div>
				<h2>Envie uma mensagem</h2>
				<span class="textoExp">Dúvidas ou Problemas relacionados a
					seus produtos.</span> <br /> <br /> <em>*Todos os campos são de
					preenchimento obrigatório.</em>
			</div>
			<br />
			<div>
				<h:panelGrid columns="2">
					<p:outputLabel for="seuAssunto" value="Assunto:" />
					<p:inputText id="seuAssunto" value="" maxlength="25" size="33" />
					<p:outputLabel for="seuNome" value="Informe seu nome:" />
					<p:inputText id="seuNome" value="" maxlength="25" size="33" />
					<p:outputLabel for="seuEmail" value="Email:" />
					<p:inputText id="seuEmail" value="" maxlength="25" size="33" />
					<p:outputLabel for="seuFone" value="Telefone:" />
					<p:inputMask id="seuFone" value="" mask="(999) 9999-9999" size="12" />
				</h:panelGrid>
			</div>
			<div>
				<h3>Mensagem</h3>

				<p:editor id="editor" value="#{editorBean.value}" width="600" />

				<h:panelGrid columns="2" style="margin-top:10px">
					<p:commandButton id="submitButton" value="Submit" update="display"
						oncomplete="dlg.show()" icon="ui-icon-disk" />
					<p:commandButton id="clearButton" type="button" value="Clear"
						onclick="editor.clear()" icon="ui-icon-close" />
				</h:panelGrid>

				<p:dialog header="Content" widgetVar="dlg" showEffect="fade"
					hideEffect="fade" modal="true">
					<h:outputText id="display" value="#{editorBean.value}"
						escape="false" />
				</p:dialog>
			</div>
		</div>
		</h:form>
	</ui:define>
</ui:composition>
</html>